/* CSS Document */
body{ background:#f0f0f0;}
.cm_h3{}
.cm_h3{ line-height:3.4rem; font-size:1.4rem;  position:relative;}
.cm_h3 a{ background:url(../img/icon_go.png) no-repeat 94% center/auto 1.4rem; font-size:1.4rem; padding:0 1.4rem 0 0.6rem; color:#777; display:block; float:right;}
.cm_h3 span{ font-size:1.0rem; line-height:normal;}

.banner{ position:relative;}
.banner>img{ width:100%;}
.banner_info{ width:100%; position:absolute; top:10%; }
.banner_info>img{ width:20%; display:block; margin:0 auto;  border-radius:50%;}
.banner_info h3{ line-height:2.4rem; text-align:center; font-size:1.6rem; color:#fff;}
.banner_info h4,.banner_info p{ line-height:2.0rem; text-align:center; font-size:1.4rem; color:#fff;}
.banner_info h4 span{ padding-left:1.2rem;  background:url(../img/icon_location.png) no-repeat left center/auto 1.4rem;}
.banner_info p span{ padding-left:1.8rem;  background:url(../img/icon_house.png) no-repeat left center/auto 1.4rem;}

.self{ width:100%; padding:1rem 0; margin-bottom:0.8rem; background:#fff; display:-webkit-box; display:-moz-box;}
.self div{ -webkit-box-flex:1; -moz-box-flex:1;}
.self div h5{ font-size:1.6rem; text-align:center;}
.self div p{ font-size:1.2rem; text-align:center; color:#909090;}

.profile { padding:0 3.5% 1rem; background:#fff; margin-bottom:0.8rem;}
.profile .audio{ width:200px; height:2.2rem; cursor:pointer; margin-bottom:0.6rem; border:1px solid #66d763; background:url(../img/icon_audio.png) no-repeat 1rem center/auto 1.6rem; border-radius:1.4rem;}
#audio{ display:none;}
.profile p{ font-size:1.2rem; line-height:1.8rem; color:#777; text-align:justify;}

.course{ padding:0 3.5% 0.5rem; background:#fff; margin-bottom:0.8rem;}
.ul_course li{ width:100%; padding:0.6rem 0; box-sizing:border-box; display:-webkit-box; display:-moz-box; -webkit-box-align:center; -moz-box-align:center;}
.ul_course li:first-of-type{ padding-top:0;}
.ul_course li>div:nth-of-type(1){ width:33%;}
.ul_course li>div:nth-of-type(1) img{ width:90%; float:left;}
.ul_course li>div:nth-of-type(2){ padding-right:2%; box-sizing:border-box; -webkit-box-flex:1; -moz-box-flex:1;}
.ul_course h4{ height:2.4rem; line-height:2.4rem; font-size:1.4rem; color:#000; }
.ul_course p{ font-size:1.2rem; color:#999;}

.mark{ background:#fff; padding:0 3.5%;}
.ul_mark li{ padding:1.0rem 0; border-bottom:1px solid #ddd;}
.ul_mark li:first-of-type{ padding-top:0;}
.ul_mark li>p{ padding-left:4rem; font-size:1.2rem;}
.div_mark{ display:-webkit-box; display:-moz-box; -webkit-box-align:center; -moz-box-align:center;  margin-bottom:0.6rem;}
.div_mark div:nth-of-type(1){ width:4rem;}
.div_mark div:nth-of-type(1) img{ width:3.5rem; margin:0 auto;}
.div_mark div:nth-of-type(2){ -webkit-box-flex:1; -moz-box-flex:1;}
.div_mark div:nth-of-type(2) h5{ line-height:2rem; font-size:1.2rem; font-weight:normal;}
.div_mark div:nth-of-type(2) h5:after{ content:""; display:block; clear:both;}
.div_mark div:nth-of-type(2) h5 span{ float:right; color:#999;}
.div_mark div:nth-of-type(2) p span{ width:15px; height:15px; margin-right:0.4rem; display:inline-block; background:url(../img/icon_star.png) no-repeat center center;}
.div_mark div:nth-of-type(2) p span.active{ background:url(../img/icon_star_at.png) no-repeat center center; }

.download{ width:100%; padding:1.0rem 0; position:absolute; bottom:0; background:rgba(0,0,0,0.6);}
.download_wrap{ width:100%; padding:0 3.75%; display:-webkit-box;  display:-moz-box; -webkit-box-align:center; -moz-box-align:center; box-sizing:border-box;}
.download_wrap div:nth-of-type(1){ width:6rem;}
.download_wrap div:nth-of-type(1) img{ width:5rem; margin:0 auto;}
.download_wrap div:nth-of-type(2){ -webkit-box-flex:2; -moz-box-flex:2;}
.download_wrap div:nth-of-type(2) h5{ line-height:2.6rem; font-size:1.6rem; font-weight:normal; color:#fff;}
.download_wrap div:nth-of-type(2) p{ font-size:1.0rem; line-height:1.6rem; font-weight:normal; color:#fff;}
.download_wrap div:nth-of-type(3){ -webkit-box-flex:1; -moz-box-flex:1; text-align:right;}
.download_wrap div:nth-of-type(3) a{ width:9.2rem; height:5rem; display:block; background:url(../img/icon_download.png) no-repeat center center/9rem auto;}
